﻿<UserControl x:Class="diary.BestView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:diary"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="900" d:DesignWidth="1300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="70"/>
        </Grid.RowDefinitions>
        <TabControl >
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Label Width="110" Content="Songs" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" HorizontalAlignment="Right"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="110"/>
                    </Grid.ColumnDefinitions>

                    <Grid Grid.Column="0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="45"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Label Name="lblSongs" Content="Best Songs of " Grid.Row="0" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" />

                        <ListView Name="BestSongs" Grid.Row="1" BorderBrush="{x:Null}" BorderThickness="0">
                        </ListView>
                    </Grid>
                    <Grid Grid.Column="1">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="48"/>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Button Name="btnSongUp" Content="Move Up" Grid.Row="1" FontWeight="Bold" FontSize="14" Foreground="#FF6569B6" Margin="3,3,13,3" Click="btnSongUp_Click"/>
                        <Button Name="btnSongDown" Content="Move Down" Grid.Row="2" FontWeight="Bold" FontSize="14" Foreground="#FF6569B6" Margin="3,3,13,3" Click="btnSongDown_Click"/>
                    </Grid>
                </Grid>
            </TabItem>
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Label Width="110" Content="Albums" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" HorizontalAlignment="Right"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="110"/>
                    </Grid.ColumnDefinitions>

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Label Content="Title" Grid.Row="0" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" />
                        <ListView Name="BestAlbums" Grid.Row="1" BorderBrush="{x:Null}" BorderThickness="0" />
                    </Grid>
                </Grid>            
            </TabItem>
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Label Width="110" Content="Movies" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" HorizontalAlignment="Right"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="110"/>
                    </Grid.ColumnDefinitions>

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Label Content="Title" Grid.Row="0" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" />

                        <ListView Name="BestMovies" Grid.Row="1" BorderBrush="{x:Null}" BorderThickness="0">
                        </ListView>
                    </Grid>
                </Grid>
            </TabItem>
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Label Width="110" Content="Television" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" HorizontalAlignment="Right"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="930"/>
                    </Grid.ColumnDefinitions>

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Label Content="Title" Grid.Row="0" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" />

                        <ListView Name="BestTVShows" Grid.Row="1" BorderBrush="{x:Null}" BorderThickness="0">
                        </ListView>
                    </Grid>
                </Grid>
            </TabItem>
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Label Width="110" Content="Books" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" HorizontalAlignment="Right"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="930"/>
                    </Grid.ColumnDefinitions>

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Label Content="Title" Grid.Row="0" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" />

                        <ListView Name="BestBooks" Grid.Row="1" BorderBrush="{x:Null}" BorderThickness="0">

                        </ListView>
                    </Grid>
                </Grid>
            </TabItem>
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Label Width="110" Content="Events" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" HorizontalAlignment="Right"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="930"/>
                    </Grid.ColumnDefinitions>

                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Label Content="Description" Grid.Row="0" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" />

                        <ListView Name="BestEvents" Grid.Row="1" BorderBrush="{x:Null}" BorderThickness="0">
                          </ListView>
                    </Grid>
                </Grid>
            </TabItem>
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Label Width="110" Content="Pictures" FontWeight="Bold" FontSize="20" Foreground="#FF6569B6" Margin="3" HorizontalAlignment="Right"/>
                    </StackPanel>
                </TabItem.Header>
                <Grid Name="Pictures">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="300"/>
                        <ColumnDefinition Width="300"/>
                        <ColumnDefinition Width="300"/>
                        <ColumnDefinition Width="300"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="200" />
                        <RowDefinition Height="200" />
                        <RowDefinition Height="200" />
                        <RowDefinition Height="200" />
                    </Grid.RowDefinitions>
                </Grid>
            </TabItem>
        </TabControl>

        <Button Content="Save" Grid.Row="1" Width="150" Height="40" FontWeight="Bold" FontSize="20" 
                           Foreground="#FF6569B6" HorizontalAlignment="Right" Margin="5,5,20,5"/>
    </Grid>
</UserControl>
